<!DOCTYPE html>
<html lang="en">
<head>
    <head>
        <meta charset="utf-8">
        <title>图片暂时面板</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all"/>
        <link rel="stylesheet" href="../lib/layui/css/layui.css" media="all">
        <link rel="stylesheet" href="../lib/layui/css/layui.mobile.css" media="all">
        <link rel="stylesheet" href="../css/public.css" media="all">
        <style>
            body {
                background-color: #ffffff;
            }
        </style>
    </head>
</head>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">
        <fieldset class="table-search-fieldset">
            <legend>查询图片</legend>
            <div style="margin: 10px 10px 10px 10px;">
                <form class="layui-form layui-form-pane" action="">
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">条件名</label>
                            <div class="layui-input-inline">
                                <input type="text" autocomplete="off" class="layui-input" placeholder="条件值">
                            </div>
                        </div>

                        <div class="layui-inline">
                            <button type="submit" class="layui-btn layui-btn-primary" lay-submit
                                    lay-filter="data-search-btn">
                                <i class="layui-icon"></i>
                                搜 索
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </fieldset>

        <div>
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md3">
                    <div class="layui-card" style="background-color: #f2f2f2">
                        <div class="layui-card-body">
                            <img src="../images/bg.jpg" style="width: 100%;max-height: 200px">

                            <div class="layui-row">
                                <div class="layui-col-md4">
                                    title
                                </div>
                                <div class="layui-col-md8">
                                    content
                                </div>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-md4">
                                    title
                                </div>
                                <div class="layui-col-md8">
                                    content
                                </div>
                            </div>
                            <div class="layui-row">
                                <div class="layui-col-md4">
                                    title
                                </div>
                                <div class="layui-col-md8">
                                    content
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-card" style="background-color: #f2f2f2">
                        <div class="layui-card-body">
                            <img src="../images/bg.jpg" style="width: 100%;max-height: 200px">

                            <p><span>标题</span> 测试标题</p>
                            <p><span>标题</span> 测试标题</p>
                            <p><span>标题外网</span> 测试标题</p>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-card" style="background-color: #f2f2f2">
                        <div class="layui-card-body">
                            <img src="../images/bg.jpg" style="width: 100%;max-height: 200px">

                            <p><span>标题</span> 测试标题</p>
                            <p><span>标题</span> 测试标题</p>
                            <p><span>标题外网</span> 测试标题</p>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-card" style="background-color: #f2f2f2">
                        <div class="layui-card-body">
                            <img src="../images/bg.jpg" style="width: 100%;max-height: 200px">

                            <p><span>标题</span> 测试标题</p>
                            <p><span>标题</span> 测试标题</p>
                            <p><span>标题外网</span> 测试标题</p>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-card" style="background-color: #f2f2f2">
                        <div class="layui-card-body">
                            <img src="../images/bg.jpg" style="width: 100%;max-height: 200px">

                            <p><span>标题</span> 测试标题</p>
                            <p><span>标题</span> 测试标题</p>
                            <p><span>标题外网</span> 测试标题</p>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-card" style="background-color: #f2f2f2">
                        <div class="layui-card-body">
                            <img src="../images/bg.jpg" style="width: 100%;max-height: 200px">

                            <p><span>标题</span> 测试标题</p>
                            <p><span>标题</span> 测试标题</p>
                            <p><span>标题外网</span> 测试标题</p>
                        </div>
                    </div>
                </div>
            </div>
            <hr class="layui-bg-orange">
            <div class="layui-card">
                <div class="layui-card-body">
                    <img src="../images/bg.jpg" width="600" height="400">
                    <div class="layui-row">
                        <label>title:</label>
                        <p>标题一</p>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-body">
                    <img src="../images/bg.jpg" width="600" height="400">
                    <div class="layui-row">
                        <label>title:</label>
                        <p>标题一</p>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-body">
                    <img src="../images/bg.jpg" width="600" height="400">
                    <div class="layui-form-item">
                        <label class="layui-form-label">标题:</label>
                        <div class="layui-input-block">
                            这是一个测试图片2
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">标题:</label>
                        <div class="layui-input-block">
                            这是一个测试图片
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">标题:</label>
                        <div class="layui-input-block">
                            这是一个测试图片
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">标题:</label>
                        <div class="layui-input-block">
                            这是一个测试图片
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">标题:</label>
                        <div class="layui-input-block">
                            这是一个测试图片
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-body">
                    <img src="../images/bg.jpg" width="600" height="400">
                    <div class="layui-form-item">
                        <label class="layui-form-label">标题:</label>
                        <div class="layui-input-block">
                            这是一个测试图片3
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">标题:</label>
                        <div class="layui-input-block">
                            这是一个测试图片
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">标题:</label>
                        <div class="layui-input-block">
                            这是一个测试图片
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">标题:</label>
                        <div class="layui-input-block">
                            这是一个测试图片
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">标题:</label>
                        <div class="layui-input-block">
                            这是一个测试图片
                        </div>
                    </div>
                </div>
            </div>

        </div>


    </div>
</div>

<script src="../lib/layui/layui.all.js" charset="utf-8"></script>
</body>
</html>
